.pok-process-center {
	padding: 24px;
	position: relative;
	height: calc(100% - 24px);
	background: @rok-white-color;
	border-radius: @rok-border-radius-big;
	// overflow-x: auto;

	// background: pink;
	.ant-tabs {

		.ant-tabs-bar,
		.ant-tabs-nav {
			border-bottom-color: transparent;
			margin: 0;

			.ant-tabs-nav-operations,
			.ant-tabs-content-holder {
				display: none;
			}

			.ant-tabs-nav-wrap {

				.ant-tabs-nav,
				.ant-tabs-nav-list {
					.ant-tabs-tab {
						font-size: 16px;
						color: @rok-text-color-secondary;
					}

					.ant-tabs-tab:hover {
						color: @rok-primary-color;
					}

					.ant-tabs-tab-active {
						color: @rok-text-color-secondary;
					}

					.ant-tabs-ink-bar {
						height: 3px;
						background-color: transparent;
						position: relative;

						// border-radius: 3px;
						// background-size: 28px 3px;
						// background-repeat: no-repeat;
						// background-position: center center;
						// background-image: radial-gradient(black, transparent);
						&::before {
							content: '';
							position: absolute;
							width: 28px;
							background: transparent;
							border-radius: 3px;
							left: calc(50% - 14px);
							height: 3px;
						}
					}
				}
			}
		}
	}

	.pok-process-tabs {
		.ant-tabs-tab-active {
			color: @rok-primary-color  !important;
		}

		.ant-tabs-ink-bar {
			&::before {
				background: @rok-primary-color  !important;
			}
		}

		.ant-tabs-tab-next {
			width: 12px;
			height: 69%;
		}

		.ant-tabs-tab-prev {
			width: 16px;
			height: 69%;
		}

		.ant-tabs-tab-next-icon {
			width: 16px;
			height: 16px;
			line-height: 14px;
			background-color: @rok-primary-color;
			border-radius: 100%;
			color: @rok-white-color;
		}

		.ant-tabs-tab-prev-icon {
			width: 16px;
			height: 16px;
			line-height: 14px;
			border-radius: 100%;
			background-color: @rok-primary-color;
			color: @rok-white-color;
		}

		// .ant-tabs-tab-btn-disabled {
		//    // cursor: not-allowed;
		//     // display: none;
		// }
	}

	.pok-base-table {
		.ant-table-fixed-left {
			table.ant-table-fixed {
				border-left-color: transparent;
				word-break: break-all;

				tr {

					&>th,
					&>td {
						border-right-color: transparent;
					}

					&>th {
						border-bottom: none;
					}
				}
			}

			.ant-table-header {
				table.ant-table-fixed {
					border-left: solid 1px transparent;
				}
			}
		}

		.ant-table-tbody {
			.process-name {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
				overflow: hidden;
			}
		}

		.ant-table-bordered.ant-table-fixed-header {

			.ant-table-header>table>.ant-table-thead>tr>th,
			.ant-table-body>table>.ant-table-thead>tr>th,
			.ant-table-scroll>.ant-table-header>table>.ant-table-thead>tr>th,
			.ant-table-scroll>.ant-table-body>table>.ant-table-thead>tr>th,
			.ant-table-fixed-left>.ant-table-header>table>.ant-table-thead>tr>th,
			.ant-table-fixed-right>.ant-table-header>table>.ant-table-thead>tr>th,
			.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th,
			.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th,
			.ant-table-header>table>.ant-table-tbody>tr>td,
			.ant-table-body>table>.ant-table-tbody>tr>td,
			.ant-table-scroll>.ant-table-header>table>.ant-table-tbody>tr>td,
			.ant-table-scroll>.ant-table-body>table>.ant-table-tbody>tr>td,
			.ant-table-fixed-left>.ant-table-header>table>.ant-table-tbody>tr>td,
			.ant-table-fixed-right>.ant-table-header>table>.ant-table-tbody>tr>td,
			.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-tbody>tr>td,
			.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-tbody>tr>td {
				padding: 10px 16px;
				position: relative;

				.primary-text {

					// display: flex;
					// align-items: center;
					.pok-ellipsis-tooltip {
						max-width: calc(100% - 30px);
					}
				}

				.index-hover,
				.index {
					position: absolute;
					width: 100%;
					height: 100%;
					left: 0;
					top: 0;
					display: flex;
					align-items: center;
					justify-content: center;

					.index-checkbox {
						display: none;
					}

					.index-serial {
						display: block;
					}
				}

				// .index {
				// 	cursor: default;
				// }
				.index-hover:hover,
				.index-active {
					cursor: default;

					.index-checkbox {
						display: block;
					}

					.index-serial {
						display: none;
					}
				}

				.descr-text {
					font-size: 12px;
					color: @rok-auxiliary-color;
				}

				.process-img {
					margin-left: 3px;
					font-size: 0;
				}

				.process-agent {
					font-size: 12px;
					color: #fff;
					padding: 2px 2px;
					margin-left: 2px;
					border-radius: 2px;
					background-color: #4d78fc;
				}

				.process-transfer {
					font-size: 12px;
					color: #fff;
					padding: 2px 2px;
					margin-left: 2px;
					border-radius: 2px;
					background-color: #ff9801;
				}
			}

			.ant-table-header>table,
			.ant-table-header+.ant-table-body>table {
				border: 0;
			}

			.ant-table-scroll,
			.ant-table-container {
				.ant-table-header {
					table {
						tr>th {
							border-bottom: none;
						}
					}

					&::-webkit-scrollbar {
						border-width: 0;
					}
				}

				.ant-table-header+.ant-table-body {
					table {
						tr {
							cursor: pointer;

							td {
								.primary-text {
									// .ellipsis();
									font-size: 14px;
									color: @rok-text-color;
									display: -webkit-box;
									-webkit-box-orient: vertical;
									-webkit-line-clamp: 3;
									overflow: hidden;

								}
                .primary-dropwrapper{
                  display: flex;
                  align-items: center;
                  .approval-person{
                    color: var(--bl-n400-c);
                    margin-left: 5px;
                    cursor: pointer;
                    flex-shrink: 0;
                  }
                  .pok-ellipsis-tooltip{
                    max-width: calc(100% - 36px);
                  }
                }

								.icon-box {
									display: inline-block;
									transform: scale(0.823);
									color: @rok-auxiliary-color;

									.icon-status {
										font-size: 12px;
										margin-right: 8px;
									}

									.termination {
										color: @rok-error-color;
									}

									.running {
										color: @rok-success-color;
									}
								}

								.descript-text {
									.ellipsis();
									font-size: 12px;
									color: @rok-auxiliary-color;
								}

								.custom-operate {
									.ant-space-item {
										.ant-btn-link {
											padding: 0;
										}
										.ant-btn:focus, .ant-btn:hover{
											background: transparent;
											border-color: transparent;
										}
									}
								}

								.custom-person {
									display: flex;
									align-items: center;

									.person-info {
										width: 100%;
										margin-left: 8px;
										overflow: hidden;
									}
								}

								&:last-child {
									border-right: none;
								}
							}
						}
					}
				}

				.ant-table-placeholder {
					border-top: none;
					border-right: none;
					border-left: none;
				}
			}
		}

		// 修复模态层遮挡问题
		.ant-spin-nested-loading>div>.ant-spin {
			z-index: 1;
		}
	}
}

.pok-tool-bar {
	display: flex;
	flex-direction: column;
	padding-top: 20px;
	// margin-right: 16px;
	padding-bottom: 16px;
}

.pok-tool-bar-box {

	display: flex;
	// align-items    : center;
	// justify-content: space-between;
	.ant-radio-group{
		margin-right: 10px;
	}
	.left-block {
		display: flex;
		flex: 1;
		height: 100%;
		// margin-left: 15px;

		.iconshanchutou-zhankai {
			font-size: 14px;
			color: @rok-auxiliary-color;
		}

		.iconpackup {
			font-size: 14px;
			color: @rok-auxiliary-color;
			transition: all 0.3s ease 0.1s;
		}

		.ant-select-open {
			.iconpackup {
				transform: rotate(-180deg);
			}
		}

		.task-type {
			// margin-right: 8px;

			.ant-select-selector {
				.ant-select-selection-item:first-child {
					max-width: 135px;

					.ant-select-selection-item-content {
						&>div {
							display: inline;
						}
					}
				}
			}
		}

		.selected {
			display: flex;
			align-items: center;
			font-size: 14px;
			color: @rok-text-color;
			font-weight: @rok-font-weight-bold;

			.avatar-clear {
				margin-right: 12px;
				background-color: @rok-label-bg-color;
				cursor: pointer;

				.clear-icon {
					font-size: 28px;
					color: @rok-primary-color;
				}

				&:hover {
					background-color: @rok-primary-color;

					.clear-icon {
						color: @rok-white-color;
					}
				}
			}
		}

		.ant-checkbox-wrapper:hover {
			// background: transparent;
		}

		.filter-entrust-todo {
			line-height: 32px;
		}
	}
}

.tool-select {
	.select-option {
		display: flex;
		justify-content: space-between;
	}
}